<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="author" content="94hi.tw">
    <meta name="copyright" content="Copyright (c) 94hi.tw">
    <meta name="description" content="94hi.tw就是嗨！">
    <meta name="keywords" content="94hi,94hi.tw,94hi.tw就是嗨！">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="MobileOptimized" content="320">
    <meta name="format-detection" content="telephone=no, address=no, email=no">
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <title>會員中心：會員任務（每日簽到）</title>
    <link rel="stylesheet" href="../../assets/css/core.css">
    <link rel="stylesheet" href="../../assets/css/ui-form.css">
    <link rel="stylesheet" href="../../assets/css/ui-dialog.css">
    <link rel="stylesheet" href="../../assets/css/ui-pager.css">
    <link rel="stylesheet" href="../../assets/css/account.css">
    <link rel="stylesheet" href="../../assets/css/member.css">
</head>
<body>
    <header>
        <div class="header">
            <h1 class="logo">
                <a href="../../index.html">94hi.tw就是嗨！</a>
            </h1>

            <ul class="nav">
                <li>
                    <a href="../../index.html">首頁</a>
                </li>
                <li>
                    <a href="../../preorder.html">遊戲預購</a>
                </li>
                <li>
                    <a href="../../games/all.html">遊戲大廳</a>
                </li>
                <li class="current">
                    <a href="../../member.html">會員中心</a>
                </li>
                <li>
                    <a href="../../purchase/platform/step1.html">購點儲值</a>
                </li>
                <li>
                    <a href="../../cs/help.html">客戶服務</a>
                </li>
            </ul>

            <div class="user">
                <!-- 未登入 -->
                <div class="user-unlogin">
                    <a href="../../login/password.html">登入</a>
                    <a href="../../join/phone.html">註冊</a>
                </div>

                <!-- 已登入 -->
                <!-- <div class="user-logined" id="j-user-logined">
                    <a href="javascript:;" class="user-name">漲帳戶姓名</a>

                    <ul class="user-menu">
                        <li>咪曉那</li>
                        <li>
                            <a href="">我的帳號</a>
                        </li>
                        <li>
                            <a href="">會員任務</a>
                        </li>
                        <li>
                            <a href="">會員月卡</a>
                        </li>
                        <li>
                            <a href="">會員季卡</a>
                        </li>
                        <li>
                            <a href="">切換會員帳號</a>
                        </li>
                    </ul>
                </div> -->
            </div>
        </div>

        <div class="page-header">
            <div class="page-header-con con">
                <h2 class="page-title">會員中心</h2>

                <ul class="page-nav">
                    <li>
                        <a href="../member.html">會員資訊</a>
                    </li>
                    <li>
                        <a href="../password.html">修改密碼</a>
                    </li>
                    <li>
                        <a href="../own/infor.html">我的帳號</a>
                    </li>
                    <li>
                        <a href="../googleauth/step1.html">帳戶安全</a>
                    </li>
                    <li class="current">
                        <a href="day.html">會員任務</a>
                    </li>
                    <li>
                        <a href="../investment/month.html">會員投資</a>
                    </li>
                    <li>
                        <a href="../otherbind/step1.html">其他遊戲綁定</a>
                    </li>
                </ul>
            </div>
        </div>
    </header>

    <main>
        <div class="main">
            <div class="member-mission member-con con con-bg">
                <section class="member-mission-hd con-hd">
                    <h3 class="con-title">請選擇任務類型</h3>

                    <ul class="member-mission-tab con-tab">
                        <li class="active"><a href="day.html">每日簽到</a></li>
                        <li><a href="achievement.html">成就獎勵</a></li>
                    </ul>
                </section>

                <section class="member-mission-bd con-bd">
                    <div class="member-sign-progress">
                        <!-- 進度條完成寬度 -->
                        <i class="count" style="width: 30%;"></i>
                        <strong class="count-text">已連續簽到 3 天</strong>

                        <!--
                            completed 已完成樣式
                        -->
                        <div class="member-sign-progress-item completed active">
                            <div class="item-bd">
                                <strong>遊戲優惠卷 100</strong>
                                <b>3天</b>
                            </div>
                        </div>

                        <div class="member-sign-progress-item">
                            <div class="item-bd">
                                <strong>遊戲優惠卷 200</strong>
                                <b>14天</b>
                            </div>
                        </div>

                        <div class="member-sign-progress-item">
                            <div class="item-bd">
                                <strong>遊戲優惠卷 500</strong>
                                <b>28天</b>
                            </div>
                        </div>
                    </div>

                    <ul class="member-sign-days">
                        <!--
                            signed 已簽到樣式
                            disabled 未簽到樣式
                            active 當天樣式
                         -->
                        <li class="member-sign-day signed">
                            <b>1</b>
                            <h4>10红利</h4>
                            <strong>已簽到</strong>
                        </li>
                        <li class="member-sign-day disabled">
                            <b>2</b>
                            <h4>10红利</h4>
                            <strong>未簽到</strong>
                        </li>
                        <li class="member-sign-day active">
                            <b>3</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>4</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>5</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>6</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>7</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>4</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>5</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>6</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>7</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>4</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>5</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>6</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>7</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>6</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>7</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>4</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>5</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>6</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>7</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>6</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>7</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>6</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>7</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>4</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>5</b>
                            <h4>10红利</h4>
                        </li>
                        <li class="member-sign-day">
                            <b>6</b>
                            <h4>10红利</h4>
                        </li>
                    </ul>
                </section>

                <section class="member-mission-ft con-ft">
                    <div class="ui-form-tip warn">
                        注意，同一個會員帳戶或會員帳號，一天僅能完成一次簽到任務<br>
                        任務獎勵將發送至您目前使用的會員帳號！
                    </div>
                </section>
            </div>
        </div>
    </main>

    <footer>
        <section class="footer">
            <div class="footer-con">
                <h2 class="footer-logo">94hi.tw就是嗨！</h2>

                <ul class="footer-nav">
                    <li>
                        <a href="../../about.html">關於我們</a>
                    </li>
                    <li>
                        <a href="../../contract.html">會員條款</a>
                    </li>
                    <li>
                        <a href="../../privacy.html">隱私權政策</a>
                    </li>
                    <li>
                        <a href="../../regulation.html">遊戲管理規章</a>
                    </li>
                    <li>
                        <a href="../../contact.html">商務接洽</a>
                    </li>
                </ul>
            </div>
        </section>

        <section class="copyright">
            <div class="copyright-con">
                <p class="copyright-content">紅番茄愛娛樂股份有限公司 ©2020 Happy Tomato All Rights Reserved</p>

                <ul class="contact">
                    <li>
                        <a href="" class="line">line</a>
                    </li>
                    <li>
                        <a href="" class="facebook">facebook</a>
                    </li>
                </ul>
            </div>
        </section>
    </footer>
</body>
</html>
